<!DOCTYPE html>
<html lang="en">
	<head>
		<title></title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">   
		<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
		<script src="js/cufon-yui.js" type="text/javascript"></script>
		<script src="js/cufon-replace.js" type="text/javascript"></script>
		<script src="js/NewsGoth_400.font.js" type="text/javascript"></script>
		<script src="js/NewsGoth_700.font.js" type="text/javascript"></script>
		<script src="js/Vegur_300.font.js" type="text/javascript"></script> 
		<script src="js/FF-cash.js" type="text/javascript"></script>
		<!--[if lt IE 7]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
				<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
			</a>
		</div>
		<![endif]-->
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
			<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
		<![endif]-->
	</head>
	<body id="page2">
	<!--==============================header=================================-->
		<header>
			<div class="main">
				<div class="wrapper">
					<h1>
						<a href="index.html">BBS</a>
					</h1>
					<nav>
						<ul class="menu">
							<li><a href="index.html">Home</a></li>
							<li><a href="aboutUs.html">AboutUs</a></li>
							<li><a class="active" href="services.html">Services</a></li>
							<!--<li><a href="gallery.html">Gallery</a></li>-->
							<li><a href="product.html">Products</a></li>
							<li><a href="contacts.html">Contacts</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</header>
	<!--==============================content================================-->
		<section id="content">
			<div class="main">
				<div class="indent-left">
					<div class="wrapper p4">
						<article class="col-1">
							<h3>Designing</h3>
							<p>We design websites, web applications according to the business need or also on user defined basis.</p>
							<p>We also design graphics which include images, illustrations and any type of graphical representation.
						</article>
						<article class="col-1">
							<h3>Development</h3>
							<p>We develop websites for companies based on the requirement or client need.</p>
							<p>We also develop web applications for varied need of companies on requirement basis.
							We develop web applications in J2EE(Spring), ROR(Ruby on Rails) and other cutting edge technologies.
						</article>
						<article class="col-2">
							<h3>Services</h3>
							<p>We believe that effective and precise support at each stage of the development process is what makes
							the difference between a successful new product and a project that fails to meet its commercial and creative objectives.</p>
							<p>We provide 24x7 support to achieve the successful product for client</p>
						</article>
					</div>
					<h3>Featured Services</h3>
					<div class="wrapper">
						<article class="col-3">
							<div class="wrapper indent-bot">
								<figure class="img-indent"><img src="images/page2-img1.png" alt="" /></figure>
								<div class="extra-wrap">
									<h6><a class="link" href="#">Website Design</a></h6>
									While others focus on just graphic design, we look at your brand’s overall persona and derive all possible ways in which the website design can accentuate it online.
								</div>
							</div>
							<div class="wrapper indent-bot">
								<figure class="img-indent"><img src="images/page2-img3.png" alt="" /></figure>
								<div class="extra-wrap">
									<h6><a class="link" href="#">SEO</a></h6>
									We just not only emphasize on how the search of website comes on top rather also on how effectively the visibility of website is affected in natural or un-paid environments.
								</div>
							</div>
							<!--<div class="wrapper">
								<figure class="img-indent"><img src="images/page2-img5.png" alt="" /></figure>
								<div class="extra-wrap">
									<h6><a class="link" href="#">Brand Identity</a></h6>
									Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur. Sed ut perspiciatis unde omnis iste natus error.
								</div>
							</div> -->
						</article>
						<article class="col-4">
							<div class="wrapper indent-bot">
								<figure class="img-indent"><img src="images/page2-img2.png" alt="" /></figure>
								<div class="extra-wrap">
									<h6><a class="link" href="#">Web Programming</a></h6>
									We just not only focus on how the product is to be coded but also we focus on how a quality product can be produced by the effective use of various existing and self crafted methods.
								</div>
							</div>
							<div class="wrapper indent-bot">
								<figure class="img-indent"><img src="images/page2-img4.png" alt="" /></figure>
								<div class="extra-wrap">
									<h6><a class="link" href="#">Graphics</a></h6>
									We produce high quality graphics which is not only the pictorial representation but also it represents the concept or meaning of the fact for which the picture is made of.
								</div>
							</div>
							<!--<div class="wrapper">
								<figure class="img-indent"><img src="images/page2-img6.png" alt="" /></figure>
								<div class="extra-wrap">
									<h6><a class="link" href="#">Flash Presentations</a></h6>
									Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.
								</div>
							</div>-->
						</article>
					</div>
				</div>
			</div>
		</section>
	<!--==============================footer=================================-->
		<footer>
			<div class="main">
				<div class="wrapper border-bot2 margin-bot">
					<article class="fcol-1">
						<div class="indent-left">
							<h3 class="color-1">Stay Connected</h3>
							<ul class="list-services">
								<li><a href="#">Facebook</a></li>
								<li><a class="it-2" href="#">Twitter</a></li>
								<li><a class="it-3" href="#">Linked In</a></li>
								<!--<li class="last-item"><a class="it-4" href="#">Del.ico.us</a></li>-->
							</ul>
						</div>
					</article>
<!--					<article class="fcol-2"> -->
					<article>
						<h3 class="color-1">Strategy Solution</h3>
						<p class="p3">Our strategy is all about attaining and maintaining a position of advantage over adversaries through the successive exploitation of known or emergent possibilities rather than committing to any specific fixed plan designed at the outset.</p>
<p class="p3">Our strategy is not just getting the output for client but rather marshalling our resources for their most efficient and effective use for achieving the desire of client.</p>
						
					</article>
					<!--<article class="fcol-3">
						<h3 class="color-1">Links</h3>
						<ul class="list-3">
							<li><a href="#">Flash Resources</a> <span> - Lorem ipsum dolor</span></li>
							<li><a href="#">CSS &amp; Coding Tutorials</a> <span> - Excepteur sint</span></li>
							<li><a href="#">Free Clipart for Design</a> <span> - Duis autre dolor</span></li>
							<li class="last-item"><a href="#">Design Education</a> <span> - Neque quisquam</span></li>
						</ul>
					</article>-->
				</div>
				<div class="aligncenter">
					&copy; by Bakbone Software Private Limited
				</div>
			</div>
		</footer>
		<script type="text/javascript"> Cufon.now(); </script>
	</body>
</html>
